<script setup lang="ts">
import { ref } from 'vue';

type ListItem = {
  id: number
  name: string
}
// 给ref加类型 得使用泛型
const list = ref<ListItem[]>([])
// 简单类型 用默认推导即可
// const count = ref(100)
list.value = [{
  id: 10,
  name: '老韩'
}]
list.value.push({
  id:1,
  name: '小韩'
})
</script>

<template>
  <ul>
    <li v-for="item in list" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

<style scoped>
</style>
